<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <h3>无序列表</h3>
    <ul>
        <li>李青</li>
        <li>易大师</li>
        <li>盖伦</li>
        <li>德莱厄斯</li>
        <li>薇恩</li>
    </ul>
    <h3>有序列表</h3>
    <ol>
        <li>凯特琳</li>
        <li>卡特琳娜</li>
        <li>蔚</li>
        <li>阿狸</li>
    </ol>
    <h3>列表嵌套</h3>
    <ul>
        <li>兵者，诡道也！
            <ol>
                <li>用兵之道，没有道理</li>
                <li>将不可不察</li>
            </ol>
        </li>
        <li>攻其无备，出其不意！
            <ol>
                <li>能而示之不能</li>
                <li>用而示之不用</li>
                <li>强而示之弱</li>
            </ol>
        </li>
        <li>兵者，国之大事，死生之地，存亡之道，不可不察也！
            <ol>
                <li>将听吾计，则为之常胜</li>
                <li>将不听吾计，则为之必败</li>
            </ol>
        </li>
    </ul>
</body>
</html>